<include file="public:header" />

<div id="index_dh" style="font-size:30px;background-color:#eee;margin:0 auto;margin-top:10px;margin-left:10px;margin-right:10px;">
     
	 
 
     <div  style="width:99%;float:left;margin-bottom:8px;background-color:#FBFBFB;border-top:1px solid #fff;border-bottom:1px solid #fff;margin-top:30px;">
	     <div style="float:left;width:100%;height:26px;font-size:14px;line-height:26px;text-align:left;">
		 <volist name="fl" id="fl">
		    <span style="padding-right:15px;cursor:pointer;font-size:14px;padding-left:10px;" onclick="location='{:u('category',array('m_id'=>$fl[id]))}'" >{$fl.name}</span>
		 </volist>
		</div> 
		
	 </div>
	 
	 
	 <if condition="$search_temp eq 'not'">
		  <div  style="width:99%;float:left;margin-bottom:8px;background-color:#FBFBFB;border-top:1px solid #fff;border-bottom:1px solid #fff;height:77px;text-align:center;line-height:77px;">
		      Not found
		   </div> 
    <else/>	
	 <volist name="process" id="process">
		 <if condition="$process.id gt 1">   
		  <div class="process_show" onclick="location='{:u('process_msg',array('id'=>$process[id]))}'" style="width:99%;float:left;margin-bottom:8px;background-color:#FBFBFB;border-top:1px solid #fff;border-bottom:1px solid #fff;">
		     
			  
			   <div  style="width:45%;padding-top:10px;font-size:18px;float:left;padding-left:15px">
			    <img class="process_img" style="width:100%;border-radius: 5px;" src="__PUBLIC__/Uploads/{$process.image}">
			  </div>
			  
			  <div style="font-size:18px;width:45%;height:26px;color:#bbb;float:left;margin-left:5px;line-height:26px;text-align: left;margin-bottom:0px;margin-top:10px; overflow: hidden;">
			     {$process.name}
			  </div>
			  <div style="font-size:12px;width:45%;height:12px;color:#bbb;float:left;margin-left:5px;line-height:2px;text-align: left;margin-bottom:0px;margin-top:5px;">
			     {$process.time}
			  </div> 
			  <div class="process_t" style="width:45%;height:50px;float:left;padding-left:5px;font-size:12px;overflow:hidden;">
			    {$process.price}
			  </div>
			  
			  
			   
			  
		  </div>
		</if>  
			
		</volist>	
	</if>
	
	<volist name="process1" id="process1">
   		<div style="width:99%;margin-top:50px;float:left;margin-bottom:20px;border-bottom:1px solid #fff;border-top:1px solid #fff;">
		   
		    <div class="process1_img_b_b" style="width:30%;margin-left:10px;margin-bottom:10PX;margin-top:10px;  border-radius: 50%; background-color:#FBFBFB; border:2px solid #212020;float:left;"> 
				<div class="process1_img_b" style="margin-left:5px; border-radius: 50%;">   		
				  <img class="process1_img" style="width:100%;;    border-radius: 50%;padding-top:5px;" src="__PUBLIC__/Uploads/{$process1.image}">
				</div>
			</div>
			
			<div class="process1_name" style="width:55%;height:35px;margin-left:10px;margin-top:25px;word-break:break-all;float:left;border-bottom:2px solid #fff;font-size: 16px;line-height:35px;">   		
	           {$process1.name}
			</div>
	      
		  
		    <div class="process1_t" style="width: 55%; height: 35px;margin-left: 10px; margin-top: 10px; font-size: 12px;float:left;">   		
	           {$process1.price}
			</div>
		 
        </div>
	</volist>
</div>


<include file="public:footer" />

<script type="text/javascript">
  jQuery(document).ready(function($){
		 
			var h2=$('.process1_img').width();
			
			$('.process1_img').css('height',h2);
			$('.process1_img_b').css('height',h2);
			$('.process1_img_b').css('width',h2);
			$('.process1_img_b_b').css('height',h2+10);
			$('.process1_img_b_b').css('width',h2+10);
			$('.process1_name').css('margin-top',h2/2-35);
		 });
		 
  $(function(){ 
            var h1=$('.process_img').width();
			$('.process_img').css('height',h1*0.8);
			$('.process_show').css('height',h1*0.8+20);
			$('.process_t').css('height',h1*0.8-44);
			
			
			var w1=$('.search_d').width();
			$('.search_i').css('width',w1-90);
    });		 
</script>


